<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>优菜商城</title>
		<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
		<meta content="yes" name="apple-mobile-web-app-capable" />
		<meta content="black" name="apple-mobile-web-app-status-bar-style" />
		<meta content="telephone=no" name="format-detection" />
		<meta name="author" content="@binggan" />
		<link rel="stylesheet" href="css/ydui.css" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_463779_pkv3jpw5yz1fko6r.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<script src="js/flexible.js"></script>
	</head>

	<body>
		<section class="g-flexview">
			<header class="m-navbar index-navbar border-bot">
				<a href="#" class="navbar-item back">
					<i class="back-ico"></i>
				</a>
				<div class="navbar-center">
					<span class="navbar-title">购物车</span>
				</div>
				<div class="navbar-item edit-btn">
					编辑
				</div>
			</header>
			<div class="g-scrollview">

				<div class="m-cell shopcart-item-box">
					<div class="shopcart-item" data-cartid='0'>
						<label class="item-left merselect">
				            <i class="bing-checkbox-icon"></i>
						</label>
						<a href="detail.html">
							<div class="item-right">
								<div class="thumbnail">
									<img src="images/item_thumbnail.png" />
								</div>
								<div class="iten-right-info">
									<p class="item-right-name text-overfow">进口红提(盒装1150g)进口红提(盒装1150g)进口红提(盒装1150g)进口红提(盒装1150g)进口红提(盒装1150g)进口红提(盒装1150g)进口红提(盒装1150g)</p>
									<p class="price-box"><span>¥</span><span class="price unit-price">558.36</span></p>
								</div>
							</div>

						</a>
						<span class="m-spinner cart-num-change">
							<a href="javascript:;" class="cart-reduce"></a>
								<input type="text" class="cart-unit-num" value='1' disabled/>
							<a href="javascript:;" class="cart-add"></a>
						</span>
					</div>

					<div class="shopcart-item" data-cartid='1'>
						<label class="item-left merselect">
				            <i class="bing-checkbox-icon"></i>
						</label>
						<a href="detail.html">
							<div class="item-right">
								<div class="thumbnail">
									<img src="images/item_thumbnail.png" />
								</div>
								<div class="iten-right-info">
									<p class="item-right-name text-overfow">进口红提(盒装1150g)进口红提(盒装1150g)进口红提(盒装1150g)进口红提(盒装1150g)进口红提(盒装1150g)进口红提(盒装1150g)进口红提(盒装1150g)</p>
									<p class="price-box"><span>¥</span><span class="price unit-price">8.36</span></p>
								</div>
							</div>

						</a>
						<span class="m-spinner cart-num-change" data-price="8.36">
							<a href="javascript:;" class="cart-reduce"></a>
								<input type="text" class="cart-unit-num" value='1' disabled/>
							<a href="javascript:;" class="cart-add"></a>
						</span>
					</div>
					
					<div class="shopcart-item" data-cartid='1'>
						<label class="item-left merselect">
				            <i class="bing-checkbox-icon"></i>
						</label>
						<a href="detail.html">
							<div class="item-right">
								<div class="thumbnail">
									<img src="images/item_thumbnail.png" />
								</div>
								<div class="iten-right-info">
									<p class="item-right-name text-overfow">进口红提(盒装1150g)进</p>
									<p class="price-box"><span>¥</span><span class="price unit-price">10.01</span></p>
								</div>
							</div>

						</a>
						<span class="m-spinner cart-num-change" data-price="8.36">
							<a href="javascript:;" class="cart-reduce"></a>
								<input type="text" class="cart-unit-num" value='1' disabled/>
							<a href="javascript:;" class="cart-add"></a>
						</span>
					</div>
					
					
				</div>

				<!--精品推荐-->
				<section class="recommend">
					<h3 class="tit-style1"><span>相关推荐</span></h3>
					<ul class="recommend-item-list clearfix">
						<li class="items">
							<a href="detail.html">
								<div class="adaptive-w">
									<img src="images/item1.png" />
								</div>
								<span class="item-descri">一亩农庄 散养土鸡蛋10个/盒 新鲜鸡蛋 测试文字尽量多的测试文字</span>
								<p class="item-bot">
									<span class="price-box">¥<span class="price">558.36</span></span>
									<span class="item-add"><i class="iconfont icon-gouwuchetianjia"></i></span>
								</p>
							</a>
						</li>
						<li class="items">
							<a href="detail.html">
								<div class="adaptive-w">
									<img src="images/item2.png" />
								</div>
								<span class="item-descri">一亩农庄 散养土鸡蛋10个/盒 新鲜鸡蛋 测试文字尽量多的测试文字</span>
								<p class="item-bot">
									<span class="price-box">¥<span class="price">558.36</span></span>
									<span class="item-add"><i class="iconfont icon-gouwuchetianjia"></i></span>
								</p>
							</a>
						</li>
						<li class="items">
							<a href="detail.html">
								<div class="adaptive-w">
									<img src="images/item3.png" />
								</div>
								<span class="item-descri">一亩农庄 散养土鸡蛋10个/盒 新鲜鸡蛋</span>
								<p class="item-bot">
									<span class="price-box">¥<span class="price">558.36</span></span>
									<span class="item-add"><i class="iconfont icon-gouwuchetianjia"></i></span>
								</p>
							</a>
						</li>
						<li class="items">
							<a href="detail.html">
								<div class="adaptive-w">
									<img src="images/item1.png" />
								</div>
								<span class="item-descri">一亩农庄 散养土鸡蛋10个/盒 新鲜鸡蛋 测试文字尽量多的测试文字</span>
								<p class="item-bot">
									<span class="price-box">¥<span class="price">558.36</span></span>
									<span class="item-add"><i class="iconfont icon-gouwuchetianjia"></i></span>
								</p>
							</a>
						</li>
						<li class="items">
							<a href="detail.html">
								<div class="adaptive-w">
									<img src="images/item2.png" />
								</div>
								<span class="item-descri">一亩农庄 散养土鸡蛋10个/盒 新鲜鸡蛋</span>
								<p class="item-bot">
									<span class="price-box">¥<span class="price">558.36</span></span>
									<span class="item-add"><i class="iconfont icon-gouwuchetianjia"></i></span>
								</p>
							</a>
						</li>
						<li class="items">
							<a href="detail.html">
								<div class="adaptive-w">
									<img src="images/item2.png" />
								</div>
								<span class="item-descri">一亩农庄 散养土鸡蛋10个/盒 新鲜鸡蛋 测试文字尽量多的测试文字</span>
								<p class="item-bot">
									<span class="price-box">¥<span class="price">558.36</span></span>
									<span class="item-add"><i class="iconfont icon-gouwuchetianjia"></i></span>
								</p>
							</a>
						</li>
						<li class="items">
							<a href="detail.html">
								<div class="adaptive-w">
									<img src="images/item3.png" />
								</div>
								<span class="item-descri">一亩农庄 散养土鸡蛋10个/盒 新鲜鸡蛋</span>
								<p class="item-bot">
									<span class="price-box">¥<span class="price">558.36</span></span>
									<span class="item-add"><i class="iconfont icon-gouwuchetianjia"></i></span>
								</p>
							</a>
						</li>
					</ul>
				</section>
				<!--精品推荐end-->

			</div>
			<div class="total-bar">
				<div class="select-all">
					<i class="bing-checkbox-icon"></i>
					<span>全选</span>
				</div>
				<div class="total-area">
					<span>合计：</span>
					<span class="totaol-price-box">¥<span class="total-price">0.00</span></span>
				</div>
				<span class="cart-final-btn settle-btn">去结算</span>
				<span class="cart-final-btn del-btn hide">删除</span>
			</div>
			
			<!--底部导航-->
			<footer class="m-tabbar">
				<a href="index.html" class="tabbar-item">
					<span class="tabbar-icon ">
			            <img src="images/footer-icon1.png"/>
			       </span>
					<span class="tabbar-icon hide">
			            <img src="images/footer-icon1a.png"/>
			       </span>
					<span class="tabbar-txt">首页</span>
				</a>
				<a href="shopcart.html" class="tabbar-item tabbar-active">
					<span class="tabbar-icon">
			            <img src="images/footer-icon2.png"/>
			        </span>
					<span class="tabbar-icon hide">
			            <img src="images/footer-icon2a.png"/>
			        </span>
					<span class="tabbar-txt">购物车</span>
				</a>
				<a href="mine.html" class="tabbar-item">
					<span class="tabbar-icon">
			            <img src="images/footer-icon3.png"/>
			        </span>
					<span class="tabbar-icon hide">
			            <img src="images/footer-icon3a.png"/>
			        </span>
					<span class="tabbar-txt">我的</span>
				</a>
			</footer>
		</section>
		<script src="js/jquery.min.js"></script>
		<script src="js/ydui.js"></script>
		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/cart2.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>